<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>投诉举报</title>
    <link rel="stylesheet" href="./css/report.css">
    <script src="./js/adapter.js"></script>
</head>

<body>
    <header>
        <div class="header-content">
            <div class="left-button">
                <div class="return-back"></div>
            </div>
            <div class="header-content-text flex-1">投诉举报</div>
            <div class="right-button">投诉须知</div>
        </div>
    </header>
    <div class="container">
        <div class="report-basic-info">
            <h2 class="cell">投诉基本信息</h2>
            <div class="cell">
                <span>旅游方式</span>
                <select id="travelMode" name="travelMode">
                    <option value="0" style="display: none;">请选择旅游方式</option>
                    <option value="1">个人</option>
                    <option value="2">团队</option>
                </select>
            </div>
            <div class="cell">
                <span>旅游类别</span>
                <select name="travelType">
                    <option value="0" style="display: none;">请选择旅游类别</option>
                    <option value="1">境内游</option>
                    <option value="2">出境游</option>
                    <option value="3">入境游</option>
                </select>
            </div>
            <div class="cell">
                <span>投诉对象</span>
                <select name="claimTarget">
                    <option value="0" style="display: none;">请选择投诉对象</option>
                    <option value="1">旅行社</option>
                    <option value="2">带团导游领队</option>
                    <option value="3">自由执行导游及机构</option>
                    <option value="4">非法经营旅行社业务</option>
                    <option value="5">旅游住宿</option>
                    <option value="6">旅游景区</option>
                    <option value="7">旅游餐饮</option>
                    <option value="8">旅游交通</option>
                    <option value="9">旅游购物</option>
                    <option value="10">游客</option>
                    <option value="11">在线旅游企业</option>
                </select>
            </div>
            <div class="r-hr"></div>
            <div class="report-reason">
                <textarea name="claimCnt" placeholder="请输入投诉事由，您可以输入500字"></textarea>
                <div class="report-reason-photos">
                    <div class="photos-list">
                        <div class="upload-photos">
                        </div>
                        <div class="upload-box">
                            <input id="upload" type="file">
                        </div>
                    </div>
                    <div class="upload-remind">可选择上传最多3张照片</div>
                </div>
            </div>
            <div class="evidence-text"><i>ⓘ</i>上传证据：根据国家有关部门规定12301投诉需要上传且不限于合同、发票、票据、行程单、图片等。</div>
        </div>
        <div class="reporter-info">
            <div class="report-type radio-group">
                <div class="rt-checkbox checked" data-value="1">实名举报</div>
                <div class="rt-checkbox" data-value="2">匿名举报</div>
            </div>
            <div id="reporter">
                <h2 class="cell">联系信息</h2>
                <div class="cell">
                    <label>姓名</label>
                    <input class="flex-1" type="text" name="claimName" placeholder="请输入联系人姓名">
                </div>
                <div class="cell">
                    <label>性别</label>
                    <div class="sexy-radio-group radio-group flex-1">
                        <div class="rt-checkbox" data-value="1">男</div>
                        <div class="rt-checkbox" data-value="2">女</div>
                    </div>
                </div>
                <div class="cell">
                    <label>电话</label>
                    <input class="flex-1" type="text" name="contactPhone" placeholder="请输入联系人电话">
                </div>
                <div class="cell">
                    <div class="r-select">
                        <select id="idType" name="idType">
                            <option value="1">身份证</option>
                            <option value="2">军官证</option>
                            <option value="3">护照</option>
                        </select>
                    </div>
                    <input class="flex-1" type="text" name="idNo" placeholder="请输入证件号码">
                </div>
            </div>
        </div>
        <div class="xieyi">
            <div id="isAgree" class="rt-checkbox">我同意</div>
            <a href="">协议内容</a>
        </div>
        <div class="submit-button">确定提交</div>
    </div>
    <script src="./js/jquery-2.1.0.js"></script>
    <script src="./js/report.js"></script>
</body>

</html>
